<div class="modal-header" id="scope">
	<h3 class="modal-title">新增</h3>
</div>
<div class="modal-body">
	<form name="myForm" class="form-horizontal form-validation">
		<div class="panel panel-default">
			<div class="panel-body">
				<div class="form-group">
					<label class="col-sm-3 control-label">
						<span style="color: red; text-align: center;">* &nbsp</span>起点城市：</label>
					<div class="col-sm-5">
						<ui-select ng-model="cityFromlist.selected" theme="bootstrap">
							<ui-select-match placeholder="起点城市">{{$select.selected.name}}</ui-select-match>
							<ui-select-choices repeat="city in cityFromlist | propsFilter:{name: $select.search}">
								<span ng-bind-html="city.name | highlight: $select.search"></span>
							</ui-select-choices>
						</ui-select>
					</div>
					<p>必填。</p>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">
						<span style="color: red; text-align: center;">* &nbsp</span>终点城市：</label>
					<div class="col-sm-5">
						<ui-select ng-model="cityTolist.selected" theme="bootstrap">
							<ui-select-match placeholder="终点城市">{{$select.selected.name}}</ui-select-match>
							<ui-select-choices repeat="city in cityTolist | propsFilter:{name: $select.search}">
								<span ng-bind-html="city.name | highlight: $select.search"></span>
							</ui-select-choices>
						</ui-select>
					</div>
					<p>必填。</p>
				</div>
				<div class="form-group" ng-show="cityFromlist.selected">
					<label class="col-sm-3 control-label">
						<span style="color: red; text-align: center;">* &nbsp</span>起点站：</label>
					<div class="col-sm-5">
						<ui-select ng-model="stationFromlist.selected" theme="bootstrap">
							<ui-select-match placeholder="起点站">{{$select.selected.address}}</ui-select-match>
							<ui-select-choices repeat="station in stationFromlist | propsFilter:{address: $select.search}">
								<span ng-bind-html="station.address | highlight: $select.search"></span>
							</ui-select-choices>
						</ui-select>
					</div>
					<p>必填。</p>
				</div>
				<div class="form-group" ng-show="cityTolist.selected">
					<label class="col-sm-3 control-label">
						<span style="color: red; text-align: center;">* &nbsp</span>终点站：</label>
					<div class="col-sm-5">
						<ui-select ng-model="stationTolist.selected" theme="bootstrap">
							<ui-select-match placeholder="终点站">{{$select.selected.address}}</ui-select-match>
							<ui-select-choices repeat="station in stationTolist | propsFilter:{address: $select.search}">
								<span ng-bind-html="station.address | highlight: $select.search"></span>
							</ui-select-choices>
						</ui-select>
					</div>
					<p>必填。</p>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">途径站点：</label>
					<div class="col-sm-5">
						<ui-select multiple ng-model="multiSelected.stationlist" theme="bootstrap">
							<ui-select-match placeholder="选择途径站点...（选填）"> {{$item.address}}</ui-select-match>
							<ui-select-choices group-by="someGroupFn" repeat="station in stationlist | propsFilter: {id: $select.search, address: $select.search}">
								<span ng-bind-html="'城市：'+ station.city+' | 站点名：' +station.address | highlight: $select.search"></span>
							</ui-select-choices>
						</ui-select>
					</div>
					<p>
						<button class="btn m-b-xs btn-sm btn-default btn-addon" type="button" ng-click="orderby()">
							<i class="fa fa-sort-alpha-asc"></i> 站点排序
						</button>
						<span style="margin-left: 10px">选择站点后点击排序。</span>
					</p>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">
						<span style="color: red; text-align: center;">* &nbsp</span>线路范围：</label>
					<div class="col-sm-5">
						<ui-select ng-model="scopelist.selected" theme="bootstrap">
							<ui-select-match placeholder="线路范围">{{$select.selected.name}}</ui-select-match>
							<ui-select-choices repeat="scope in scopelist | propsFilter:{name: $select.search}">
								<span ng-bind-html="scope.name | highlight: $select.search"></span>
							</ui-select-choices>
						</ui-select>
					</div>
					<p>线路范围选择。</p>
				</div>
				<!--<div class="form-group">
					<label class="col-sm-3 control-label">
						<span style="color: red; text-align: center;">* &nbsp</span>总里程数：</label>
					<div class="col-sm-5">
						<div class="input-group">
							<input type="text" class="form-control" placeholder="总里程数"
							ng-model="param.data.distance" ng-pattern="/^\d+(\.\d+)?$/" required />
							<span class="input-group-addon">千米</span>
						</div>
					</div>
					<p>必填。</p>
				</div>-->
				<div class="form-group">
					<label class="col-sm-3 control-label">
						<span style="color: red; text-align: center;">* &nbsp</span>总用时：</label>
					<div class="col-sm-5">
						<div class="input-group">
							<input type="text" class="form-control" placeholder="总用时"
							ng-model="param.data.duration" ng-pattern="/^\d+(\.\d+)?$/" required />
							<span class="input-group-addon">小时</span>
						</div>
					</div>
					<p>必填。</p>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">
						<span style="color: red; text-align: center;">* &nbsp</span>是否高速：
					</label>
					<div class="col-sm-4">
						<label class="i-switch m-t-xs m-r bg-info">
							<input type="checkbox" name="highwayFlag" ng-model="param.data.highwayFlag"
							ng-checked="param.data.highwayFlag==true"><i></i>
						</label>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">
						<span style="color: red; text-align: center;">* &nbsp</span>是否停用：
					</label>
					<div class="col-sm-4">
						<label class="i-switch m-t-xs m-r bg-info">
							<input type="checkbox" name="disabled" ng-model="param.data.disabled" ng-checked="param.data.disabled==true"> <i></i>
						</label>
					</div>
				</div>
			</div>
			<footer class="panel-footer text-right bg-light lter">
				<button class="btn btn-default" type="button" ng-click="cancel()">取消</button>
				<button type="submit" class="btn btn-success" ng-click="ok()">提交</button>
			</footer>
		</div>
	</form>
</div>
<style>
	.start {
		width: 2.6rem;
		height: 2.6rem;
		line-height: 2.6rem;
		background-color: #49AAE6;
		color: #fff;
		border-radius: 50%;
		display: inline-block;
		text-align: center;
		font-size: 1.3rem;
	}

	.termina {
		width: 2.6rem;
		height: 2.6rem;
		line-height: 2.6rem;
		background-color: #70D7C6;
		color: #fff;
		border-radius: 50%;
		display: inline-block;
		text-align: center;
		font-size: 1.3rem;
	}

	.up {
		width: 2.6rem;
		height: 2.6rem;
		line-height: 2.6rem;
		background-color: #9AD0F1;
		color: #fff;
		border-radius: 50%;
		display: inline-block;
		text-align: center;
		font-size: 1.3rem;
	}

	.down {
		width: 2.6rem;
		height: 2.6rem;
		line-height: 2.6rem;
		background-color: #BDECE3;
		color: #fff;
		border-radius: 50%;
		display: inline-block;
		text-align: center;
		font-size: 1.3rem;
	}
</style>